<d-data-table
  #tableInstance
  [dataSource]="lazyDataSource"
  [lazy]="true"
  (loadMore)="loadMore($event)"
  [scrollable]="true"
  maxHeight="400px"
  dLoading
  [showLoading]="showLoading"
  [backdrop]="true"
  [tableOverflowType]="'overlay'"
>
  <thead dTableHead>
    <tr dTableRow>
      <th dHeadCell *ngFor="let colOption of dataTableOptions.columns">{{ colOption.header }}</th>
    </tr>
  </thead>
  <tbody dTableBody>
    <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
      <tr dTableRow>
        <td dTableCell *ngFor="let colOption of dataTableOptions.columns">
          {{ colOption.fieldType === 'date' ? (rowItem[colOption.field] | i18nDate: 'short':false) : rowItem[colOption.field] }}
        </td>
      </tr>
    </ng-template>
  </tbody>
</d-data-table>
